<template>
	<view class="flex align-center justify-center" 
	hover-class="bg-hover-light"
	@click="$emit('click')"
	style="height: 88rpx;width: 88rpx;">
		<!-- text组件里切勿换行否则可能会出错 -->
		<view class="iconfont" style="font-size: 48rpx;">{{icon}}</view>
	</view>
</template>

<script>
	// Flex布局 导航栏icon按钮
	export default {
		props: {
			icon: {
				type: String,
				default: ''
			},
		},
	}
</script>

<style lang="scss">
	

</style>
